<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
    <meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/swiper.css"/>
    <link rel="stylesheet" href="css/basic.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/media.css"/>
    <link rel="stylesheet" href="css/fancybox.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/simpler-sidebar.js"></script>
    <script type="text/javascript" src="js/swiper.js"></script>
    <script type="text/javascript" src="js/SuperSlide.js"></script>
    <script type="text/javascript" src="js/fancybox.js"></script>
</head>
<body>


<!-- 移动端导行 -->
<div class="sidebar" id="dowebok">
  <div class="sidebar-wrapper" id="sidebar-wrapper">
    <ul class="nav">
        <li><a href="###">首页</a></li>
        <li><a href="###">品牌介绍</a></li>
        <li><a href="###">产品中心</a></li>
        <li><a href="###">最新消息</a></li>
        <li><a href="###">配套服务</a></li>
        <li><a href="###">售后服务</a></li>
        <li><a href="###">联系我们</a></li>
    </ul>
  </div>
</div>



<!-- 头部导行 -->
<div class="header">
<div class="container">
    <div class="header_box clearfix">
        <h1><a href="###"><img src="images/logo.png" alt=""></a></h1>
        <div class="header_btn">
            <div id="menu" class="menu hidden-lg hidden-md hidden-sm"></div>
            <a href="###" class="en">ENGLISH</a>
            <span class="search_btn"></span>
        </div>
        <div class="nav hidden-xs">
            <ul>
                <li class="on"><a href="###">首　页</a></li>
                <li><a href="###">品牌介绍</a></li>
                <li><a href="###">产品中心</a></li>
                <li><a href="###">最新消息</a></li>
                <li><a href="###">配套服务</a></li>
                <li><a href="###">售后服务</a></li>
                <li><a href="###">联系我们</a></li>
            </ul>
        </div>
        <div class="header_form">
            <form action="">
                <input type="text" name="q" class="text" placeholder="输入关键字">
                <input type="submit" value="" class="submit">
            </form>
        </div>
    </div>
</div>
</div>



<!-- banner -->
<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="###"><img src="images/banner.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="###"><img src="images/banner.jpg" alt=""></a></div>
            <div class="swiper-slide"><a href="###"><img src="images/banner.jpg" alt=""></a></div>
        </div>
        <div class="pagination"></div>
        <div class="banner_btn hidden-xs">
            <span class="banner_prev">&lt;</span>
            <span class="banner_next">&gt;</span>
        </div>
    </div>
</div>




<div class="index_pro">
    <div class="htit1">
        <h2>环球工艺品一心一意为你完美</h2>
        <p>Wholeheartedly for your perfection  Global Gifts</p>
    </div>
    <div class="index_pro_slide">
        <div class="hd">
            <ul>
                <li>航空用品</li>
                <li>车缝制品</li>
                <li>客房用品</li>
                <li>客房杂件</li>
                <li>餐厅配套</li>
            </ul>
        </div>
        <div class="bd">
            <ul>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro1.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro2.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro3.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro1.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                    </div>
                </div>
                <span class="pprev">&lt;</span>
                <span class="pnext">&gt;</span>
            </ul>
            <ul>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro1.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro2.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro3.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="###">
                            <div class="img_box"><img src="images/index_pro1.jpg" alt=""></div>
                            <p>航空套装A款式</p>
                            </a>
                        </div>
                    </div>
                </div>
                <span class="pprev">&lt;</span>
                <span class="pnext">&gt;</span>
            </ul>
        </div>
    </div>
    <a href="###" class="more">MORE ></a>
</div>





<div class="index_service hidden-xs">
<div class="index_service_box">
    <div class="list_box box1">
        <div class="text_box">
            <i class="line"></i>
            <h3>综合配套服务商</h3>
            <p>Form a complete set of service</p>
            <i></i>
            <em></em>
        </div>
    </div>
    <div class="list_box box2">
        
        <div class="text_box">
            <i class="line"></i>
            <h3>使命、愿景及理念</h3>
            <p>Mission, vision, philosophy</p>
            <i></i>
            <em></em>
        </div>
    </div>
    <div class="list_box box3">
        <div class="text_box">
            <i class="line"></i>
            <h3>OEM代加工服务</h3>
            <p>Processing services</p>
            <i></i>
            <em></em>
        </div>
    </div>
    <div class="list_box box4">
        <div class="text_box">
            <i class="line"></i>
            <h3>个性定制五星产品</h3>
            <p>Personalization five-star products</p>
            <i></i>
            <em></em>
        </div>
    </div>
</div>
</div>




<div class="m_index_service hidden-lg hidden-md hidden-sm">
<div class="container">
    <div class="m_index_service_slide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="text_box">
                        <h3>综合配套服务商</h3>
                        <p>Form a complete set of service</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="text_box">
                        <h3>综合配套服务商</h3>
                        <p>Form a complete set of service</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="text_box">
                        <h3>综合配套服务商</h3>
                        <p>Form a complete set of service</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</div>





<div class="index_about">
<div class="container">
    <div class="index_about_box clearfix">
        <div class="col-md-6 col-sm-6">
        <div class="text_box">
            <div class="htit">
                <p>About Global</p>
                <h2>关于环球用品</h2>
            </div>
            <div class="text">
                <p>成立于1987年，环球（Global）是一家独立自主开发、设计并生产各式高质量星级酒店客房易耗品、航空用品、旅游工艺品和车缝制品等的一站式企业。厂房占地面积万余平方米，现有员工300多人，拥有吸塑、注塑、电脑全自动牙刷植毛、磨毛机、电动衣车、丝印、烫印及彩盒彩印等先进生产设备。</p>
                <a href="###" class="more">MORE ></a>
            </div>
        </div>
        </div>
        <div class="col-md-6 col-sm-6">
        <div class="pic_box"><img src="images/index_about1.png" alt=""></div>
        </div>
    </div>
</div>
</div>




<div class="index_news">
<div class="container">
    <div class="htit1">
        <h2>新闻资讯</h2>
        <p>News and information</p>
    </div>
    <div class="index_news_slide">
        <div class="hd">
            <ul>
                <li>公司新闻</li> /
                <li>展会公告</li>
            </ul>
        </div>
        <div class="bd">
            <ul class="clearfix">
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
            </ul>
            <ul class="clearfix">
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
                <li>
                    <a href="###">
                    <div class="img_box"><img src="images/index_news1.jpg" alt=""></div>
                    <div class="text_box">
                        <h3>2018上海国际酒店用品博览会</h3>
                        <i>2018-05-11</i>
                        <p>由上海博华国际展览有限公司主办的上海国际酒店用品博览会，暨上海国际酒店用品...</p>
                    </div>
                    </a>
                </li>
            </ul>
        </div>
        <a href="###" class="more">MORE ></a>
    </div>
</div>
</div>


























<div class="tag_group">
<div class="container clearfix">
    <div class="col-md-4 col-sm-4">
        <div class="list_box box1">
            <h4>奖项荣誉</h4>
            <p>广东酒店用品行业综合实力百强企业</p>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="list_box box2">
            <h4>质量保证</h4>
            <p>通过ISO14001—2004环境质量体系认证</p>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="list_box box3">
            <h4>品牌理念</h4>
            <p>以人为本、以质取胜、诚信服务、互进双赢</p>
        </div>
    </div>
</div>
</div>



<div class="footer">
<div class="container">
    <div class="footer_box clearfix">
        <div class="footer_nav hidden-xs">
            <ul>
                <li><a href="###">品牌首页</a></li>
                <li><a href="###">关于我们</a></li>
                <li><a href="###">产品中心</a></li>
                <li><a href="###">品牌资讯</a></li>
                <li><a href="###">配套服务</a></li>
                <li><a href="###">售后服务</a></li>
                <li><a href="###">联系我们</a></li>
            </ul>
        </div>
        <div class="footer_contact">
            <div class="footer_logo"><img src="images/footer_logo.jpg" alt=""></div>
            <div class="footer_text">
                <p class="call">TEL：400-000-0000</p>
                <p>邮箱：12345678910@qq.com</p>
                <p>地址: 公司地址公司地址公司地址公司地址</p>
            </div>
        </div>
        <div class="qr_box">
            <p>关注微信号公众号</p>
            <img src="images/qr1.jpg" alt="">
            <p>扫一扫，了解更多</p>
        </div>
    </div>
</div>
</div>


<div class="firend_link hidden-xs">
<div class="container">
    <ul class="clearfix">
        <li>友情链接：</li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>

    </ul>
</div>
</div>


<div class="copy">
<div class="container">
    <p>版权所有：佛山市南海区九江河清环球旅游工艺品厂　　　技术支持：网盛科技</p>
</div>
</div>





<script type="text/javascript" src="js/index.js" ></script>
<script>
var banner = new Swiper('.banner .swiper-container', {
    centeredSlides: true,
    loop:true,
    speed:2000,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.pagination',
        clickable: true,
    },
    navigation: {
        prevEl: '.banner_prev',
        nextEl: '.banner_next',
    }
});



var index_pro_slide = new Swiper('.index_pro_slide .swiper-container', {
    slidesPerView : 'auto',
    spaceBetween : 30,
    speed:600,
    // autoplay: {
    //     delay: 5000,
    //     disableOnInteraction: false,
    // },
    navigation: {
        prevEl: '.pprev',
        nextEl: '.pnext',
    },
    breakpoints: { 
        767: {
          spaceBetween: 20,
        }
    }
});
$('.index_pro_slide').slide({trigger:'click'});



var m_index_service_slide = new Swiper('.m_index_service_slide .swiper-container', {
    slidesPerView : 'auto',
    spaceBetween : 30,
    speed:600,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
});

$('.index_news_slide').slide({trigger:'click'});

</script>
</body>
</html>